var FormDialog = {
  cmpnt: "div",
  _name: "#ElDialog",
  props: {
    value: "弹窗",
    width: "70%",
    top: "10vh",
    model: false,
    draggable: true,
    "append-to-body": true,
  },
  slot: {
    header: [
      {
        cmpnt: "div",
        class: ["w-100"],
        props: {},
        _ctl: {
          name: "div",
          text: "头部",
          cantDrop: true,
        },
        _class: ["d-flex justify-content-between"],
        children: [
          {
            cmpnt: "h5",
            props: { value: "标题" },
            _ctl: {
              name: "span",
              text: "标题栏",
            },
            _class: ["m-2"],
          },
          {
            cmpnt: "ElButton",
            props: {
              icon: "close",
              text: true,
              circle: true,
            },
            events: {
              click: function () {},
            },
            children: [],
            _ctl: { name: "Button", text: "关闭", cantDrop: true },
          },
        ],
      },
    ],
    footer: [
      {
        cmpnt: "div",
        _class: ["d-flex justify-content-end"],
        class: ["w-100"],
        props: {},
        _ctl: {
          name: "div",
          text: "底部",
          cantDrop: true,
        },
        children: [
          {
            cmpnt: "ElButton",
            props: { value: "取消", icon: "close", type: "", size: "" },
            _ctl: {
              name: "Button",
              text: "取消",
              cantDrop: true,
            },
          },
          {
            cmpnt: "ElButton",
            props: {
              value: "保存",
              icon: "select",
              type: "primary",
              size: "",
            },
            _ctl: {
              name: "Button",
              text: "保存",
              cantDrop: true,
            },
          },
        ],
      },
    ],
  },
  children: [],
  _ctl: {
    icon: "iconfont te-i-dialog",
    name: "FormDialog",
    text: "弹窗",
  },
  style: { height: "400px" },
  _class: ["border rounded  shadow p-3 mb-5 bg-body-tertiar"],
};

export { FormDialog };
